﻿/*Linh tinh
-------------------------------------------------------------------------------------------------------------*/
a,ul#navmidx li.dgnsub > a::after,.Label li,a.thumbimgx img,.post-body .date,ul.recntbytag img,.footer .PageList li,ul.recntpst img,ul.rcomnetxx img,.PopularPosts img,.clickfooter{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
::selection {background:#444; color:#fff }
::-moz-selection {  background:#444;  color:#fff }
::-webkit-selection {background:#888;color:#000;text-shadow:0 -1px 1px #EEE;}
::-webkit-scrollbar {background:#888;width:16px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px #FF9000;background:#FF9000;}
::-webkit-scrollbar-track {}
pre{margin:5px 0;border:2px dotted #00FF00;background:#F1F1F1;padding:5px;width:auto!important;width:60%;overflow:auto}
pre,code{font-size:13px;font-family:Courier new, Courier, mono; monospace;color:#666}
blockquote{margin:0;border:1px solid #888;background:#EEE;padding:10px}
#topplus { width:99px; float:right; margin-left:1em}
/*Chung
-------------------------------------------------------------------------------------------------------------*/
#navbar-iframe,.feed-links { display: none; }
body,h1,h2,h3,h4,h5,ul,li,a,p,img{margin:0;padding:0;list-style:none;text-decoration:none;outline:none}
a { color:#333 }
a:hover { color:#555 }
a img { border:none }
body, .body-fauxcolumn-outer {background-attachment: scroll;background-repeat: repeat;}
body, .body-fauxcolumn-outer {
background: url("http://3.bp.blogspot.com/-NTNgcLGD8YY/UUPb5rsK1BI/AAAAAAAAI38/17muo0z2VpI/s1600/bg-pro.png") repeat scroll 0 0 #F3F3F3 ;}
body, .body-fauxcolumn-outer {font: 10pt Tahoma, sans-serif; color: #000; height: 100%; line-height: 1.5; }
#outer-wrapper { margin:0 auto; width:990px;  margin-bottom:20px}
/*ĐẦU
-------------------------------------------------------------------------------------------------------------*/
#header-wrapper{
background:#F5F5F5 url("http://3.bp.blogspot.com/-NTNgcLGD8YY/UUPb5rsK1BI/AAAAAAAAI38/17muo0z2VpI/s1600/bg-pro.png");
clear: both;overflow: hidden;position: relative;}
#header-logo { background-attachment: scroll;
background-repeat: repeat;
width:100%;height:79px }
#header .logo a{background:url(http://1.bp.blogspot.com/-1rz3FsudtYA/UTq3W_ZQZzI/AAAAAAAAIr4/sGE5KREjzwM/s1600/blogger-logo-blog.png) center left no-repeat;width:333px;height:79px;display:block;float:left}

.plustop{background: url(http://4.bp.blogspot.com/-ruKsXqG_l4s/UVEFahtLuyI/AAAAAAAAI9A/_UibksUpM1w/s1600/plus.png) no-repeat;width:300px;height:168px; text-align:center;line-height:210px;}

#ipc {color: #000000; display: -moz-stack;float: left; font: 13px Tahoma;margin-left: 68px;padding: 20px 10px; text-align: center; width: 222px;}
/*Thời gian
-------------------------------------------------------------------------------------------------------------*/
#timess {color: #000;display: block;float: right;font: 13px Tahoma; height: 21px; padding: 15px 49px;}
/* iSocial
-------------------------------------------------------------------------------------------------------------*/
ul.isocial{list-style:none;margin:0;padding:6px 20px 0 0}
ul.isocial li{float:right;margin:0 5px;padding:0}
ul.isocial li a{float:right;background-image:url(http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative}
ul.isocial li a.rss{background-position:0 0}
ul.isocial li a.rss:hover{background-position:0 -25px}
ul.isocial li a.facebook{background-position:-25px 0}
ul.isocial li a.facebook:hover{background-position:-25px -25px}
ul.isocial li a.twitter{background-position:-50px 0}
ul.isocial li a.twitter:hover{background-position:-50px -25px}
ul.isocial li a.google{background-position:-75px 0}
ul.isocial li a.google:hover{background-position:-75px -25px}
ul.isocial li a.youtube{background-position:-100px 0}
ul.isocial li a.youtube:hover{background-position:-100px -25px}
/* Navigation
----------------------------------------------- */
#nav{width:100%;height:35px;margin:0 auto 10px;-moz-box-shadow:-1px -1px 0 #FFF inset,0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:-1px -1px 0 white inset,0 1px 3px rgba(0,0,0,0.1);box-shadow:-1px -1px 0 white inset,0 1px 3px rgba(0,0,0,0.1);background-color:#FBFBFB;background:-moz-linear-gradient(top,white 0%,#F3F3F3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#F3F3F3));background:-webkit-linear-gradient(top,white 0%,#F3F3F3 100%);background:-o-linear-gradient(top,white 0%,#F3F3F3 100%);background:-ms-linear-gradient(top,white 0%,#F3F3F3 100%);background:linear-gradient(top,white 0%,#F3F3F3 100%)}
#nav ul#navmidx{height:35px;margin:0;padding:0;float:left}
ul#navmidx li{list-style:none;display:inline-block;zoom:1;float:left;margin:0;padding:0;position:relative}
ul#navmidx li a{display:block;line-height:35px;text-decoration:none;color:#535353;padding:0 15px}
ul#navmidx li:hover > a{color:white;background-color:#444}
#nav ul#navmidx ul.submenu,#navtop ul.submenu{position:absolute;padding:0;background:#FBFBFB;width:150px;z-index:9999;top:100%;display:none;}
#nav ul#navmidx li:hover ul.submenu.hidden,#navtop li:hover ul.submenu.hidden{display:block}
#navtop ul.submenu{background:#303030}
#nav ul#navmidx ul.submenu li,#navtop ul.submenu li{float:none;display:block;border-top:1px solid #EBEBEB}
#navtop ul.submenu li{border-top:0}
ul#navmidx ul.submenu li:hover > a{color:#535353;background-color:#FBFBFB;border-left:5px solid #535353}
#navtop ul.submenu li:hover > a{border-left:3px solid #01B8C0}
ul#navmidx li.mhome a{background-color:#FF9000;padding:0;text-indent:-9999px;width:40px;background-image:url(http://4.bp.blogspot.com/-pUf35rCnjvY/URpvl2ECRjI/AAAAAAAAIZk/GU76Z0XewRE/s1600/icon-home.png);background-repeat:no-repeat;background-position:11px -30px}
ul#navmidx li.dgnsub > a{padding:0 25px 0 15px}
ul#navmidx li.dgnsub > a::after,#navtop li.dgnsub > a::after{content:"";width:0;height:0;border-width:5px 4px;border-style:solid;border-color:#535353 transparent transparent transparent;position:absolute;top:15px;right:8px}
#navtop li.dgnsub > a::after{border-width:4px 3px;top:13px;right:6px;border-color:#FF9000 transparent transparent transparent}
ul#navmidx li.dgnsub > a:visited::after,#navtop li.dgnsub > a:visited::after{border-color:#999 transparent transparent transparent}
ul#navmidx li.dgnsub:hover > a::after,#navtop li.dgnsub:hover > a::after{border-color:white transparent transparent transparent}
/*BÀI VIẾT
-------------------------------------------------------------------------------------------------------------*/
.post h2 {
background: url("http://3.bp.blogspot.com/-WmoLuAhuJhE/UOqPi8gb0fI/AAAAAAAAAE4/gkUUrLHA2a4/s1600/BS%252BPostTitle%252B1.png") no-repeat scroll 4px center transparent;font-size: 20px;font-family: "Tahoma",sans-serif;text-align: left;font-weight: bold;padding: 3px 10px 3px 30px;color: #00CD00;border: 2px solid #FF8000;text-shadow: 0px 1px 0px #444;border-radius: 60px 60px 60px 60px;box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset;margin: 15px 5px;text-transform: uppercase;line-height: 1;}
#main-wrapper {background: #EEE;border: 1px solid #BBBBBB;position: relative;float:left;width:669px;margin:0px 0 0 0; }
/*SIDE BÊN PHẢI
-------------------------------------------------------------------------------------------------------------*/
#sidebar{float:right;width:300px;font-size:13px;box-shadow: 0 0 1px 0 #999999;}
#sidebar a:hover{color:#FF6000;text-decoration:none}
#sidebar h2{background:#666;border-bottom: 6px solid #FF9000;padding:6px 10px;font-size:15px;color:#FF9000}
#sidebar .widget{margin-bottom:20px}
#sidebar .widget-content ul li{border-right:1px solid #bbb;border-bottom:1px solid #bbb;border-left:1px solid #bbb;background:#EAEAEA;padding:5px 10px}
#sidebar .item-thumbnail{float:left;margin-right:10px;border:1px solid #ccc;width:19px;height:19px}
#sidebar .item-info{overflow:hidden;word-wrap:break-word}
#sidebar  a:hover {
padding-left: 6px;}
#sidebar a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;}
#sidebar img:hover{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.Label li{float:left;}
.blog-list-container .blog-title {font-weight: normal; line-height: 10px; margin: 2px 0 0;}
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:33px;height:33px;padding:3px}
#recent-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:19px;height:19px;padding:3px}
#PopularPosts1 img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:19px;height:19px;padding:3px}
#HTML2 {background: none repeat scroll 0 0 #F4F4F4;}
#FollowByEmail1 {background: none repeat scroll 0 0 #F4F4F4;
}
/*BÀI VIẾT
-------------------------------------------------------------------------------------------------------------*/
h3.entry-title a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;}
h3.entry-title a:hover {padding-left: 12px;}
.post {width: 647px;}
.post { position:relative;border:1px solid #bbb;background:#EEE}
.post h3 { font-family: 'Tahoma', serif; font-weight:normal; width:515px; line-height:28px; font-size:19px;display:block; }
.post h3 a { color:#333 }
.post h3 a:hover {color:#FF6000}
#bai-viet { padding-left: 0px; }
.post{float:left;border-width:1px;border-style:solid;border-color:#fff #fff #ddd;padding:10px 10px}
.post-header { margin: 5px 0 10px 0; font-size:11px; color:#666; }
.post-body {line-height: 23px; padding: 6px 5px 5px 0;}
.post:hover {background:#F4F4F4}
.post img { max-width:555px; }
.post blockquote { font-size:16px; line-height:1.7em; color:#777; margin:20px; letter-spacing:0px }
.thumb,.no-thumb{border: 4px solid #FFFFFF;
box-shadow: 1px 1px 3px 0 #333333;float: left;height: 99px;margin-right: 10px;overflow: hidden;width: 99px;}
/* =============================
Error Page
============================= */
#errorpage {  width:400px;  text-align:center;  margin:20px auto;  text-transform:uppercase;}
#errorpage h1 {  font:60px Tahoma;}
#errorpage h3 {  font:20px Tahoma;  color:#555;}
#errorpage p {  font:9px Arial;  margin-top:5px;  border-top:1px dashed #ddd;  padding-top:10px;  color:#888;}
#searching -errorpage {  margin:0;  padding:13px 0;  width:auto;  overflow:hidden;}
#search-errorpage input[type="text"] {  border: 1px solid #ccc;  border-radius:3px;  color: #777;  width: 180px;  padding: 7px;  font:normal 10px Tahoma, Arial;  text-transform:uppercase;}
#search-errorpage input[type="text"]:focus {  border: 1px solid #777;}
.thumb:hover{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s}
.no-thumb{display:block;background:url(http://4.bp.blogspot.com/-f9Qc5GV3ysU/URBnw4-w18I/AAAAAAAAITg/Xae5HfcW62g/s1600/no_image.png) 0 0 no-repeat;}
a.jump-link{font-weight:bold}
.jump-link { float:right;background:url(http://4.bp.blogspot.com/-qt7slr1wDhI/UITBU1CJXNI/AAAAAAAACEU/FkTQzNeDB-Y/s19/complete-icon.png) bottom left no-repeat; padding: 2px 0 0 20px; height: 14px; line-height: 12px; }
.jump-link a {font-size: 14x;font-family: 'Tahoma', arial, serif;text-transform:uppercase;color:#111;font-weight:bold }
.jump-link a:hover { text-transform:uppercase;}
.post-header {font-size:12px}
.post-author { background:url(http://lh6.googleusercontent.com/-wJT2caO8Om0/AAAAAAAAAAI/AAAAAAAAEJI/LyknnAGx7Ks/s19-c/photo.jpg) top left no-repeat; padding:0 8px 3px 20px; }
.post-labels {background:url(https://lh4.googleusercontent.com/_U0QaeycS3vw/TYLqYogvCEI/AAAAAAAAAYw/SnbY9xLGX9Y/tag.png) top left no-repeat; padding:0 8px 3px 20px }
.post-comment-link a { color:#fff;float:right;background:url(http://4.bp.blogspot.com/-PDHuAbT08yc/URBksoa3WiI/AAAAAAAAITY/cVz7jHcv3zk/s1600/comment.gif); text-align: center; padding-top: 3px; width: 32px; height: 29px; margin-top:10px}
.post-footer { margin:0px 0 0 10px;height:20px;}
.share { float:left; width:78px;}
.share li { display: inline; float: right; height: 19px; }
.share img { padding:0 3px 0 0; border:none }
.post-share-buttons { float:right; }
/* Blog-Pager
-------------------------------------------------------------------------------------------------------------*/
#blog-pager-newer-link {float: left; }
#blog-pager-older-link { float: right; }
#blog-pager { text-align: center; }
#blog-pager {margin: 0 0;overflow: visible;padding: 10px;text-align: center;}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(http://3.bp.blogspot.com/-9SV9QR-8bQE/UJM-DrFbXII/AAAAAAAAC-Q/5N44DYPqBRQ/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-1TUB0CyILC4/UJM992t1HsI/AAAAAAAAC-I/XDga_51faqc/s1600/leftarrow.png)}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(http://3.bp.blogspot.com/-9SV9QR-8bQE/UJM-DrFbXII/AAAAAAAAC-Q/5N44DYPqBRQ/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-1TUB0CyILC4/UJM992t1HsI/AAAAAAAAC-I/XDga_51faqc/s1600/leftarrow.png)}
.home-link{text-align: center; }
.widget-item-control {display:none}
.blog-list-container ul li{padding: 1px;}
#Stats1 ul{height: 50px;margin:0px 0;border:0;padding:0}
#Stats1 li{display:inline;width:24%;margin:0;border:0;background-color:#FF9000;background:#FF9000;color:#FF9000;float:left;text-decoration:none;text-shadow:none;margin:2px;font-size:12px;list-style-type:none}
#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#FF9000;text-shadow:none}
#Stats1 span{font-size:12px;color:#FF9000;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}
/*Breadcrumbs
-------------------------------------------------------------------------------------------------------------*/
.breadcrumbs {border-bottom: 3px solid #666666;font-size: 100%;line-height: 0.5em;margin: 0;padding: 10px;}
/*END
-------------------------------------------------------------------------------------------------------------*/
.content-wrapper{position:relative;max-width:100%;margin:0 auto}
#footer{background:#333;width:100%; margin-top: 10px;}
.footer-wrapper{color:#FFF;font:12px Tahoma;height:100%;overflow:hidden;padding:0}
.footer{float:left;width:31%;margin:10px;color:#FFF}
.footer .widget{margin-bottom:30px}
.footer h2 {border-bottom: 1px dotted #FF6000;color: #FF6000;font: bold 14px/1.3em Arial;margin-bottom: 8px;padding-bottom: 8px;text-transform: uppercase;}
.footer .widget-content{line-height:16px}
.footer ul{list-style:none;color:#FFF;margin:0;padding:0}
.footer li{background:url(http://2.bp.blogspot.com/-6p_AqXL70hQ/UQWPHMObw9I/AAAAAAAABZ0/f2UWIvjFkSQ/s1600/footerli.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 12px}
.footer a:link,.footer li a:visited{color:#FFF;text-decoration:none}
.footer li a:hover{color:#FF6000}
#credit{background:#FF6000;border-top:0px solid #000;font:11px Tahoma;color:#000;width:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px}
#credit .left{float:left;text-align:left;margin-left:10px}
#credit .right{float:right;text-align:right;margin-right:10px}
#credit a{color:#000;text-decoration:none}
#credit a:hover{color:#000;text-decoration:none}
#top-arrow{display:block;width:28px;height:30px;position:absolute;right:0;background:#666;}
#top-arrow::after{content:"";width:0;height:0;position:absolute;top:3px;right:8px;border-color:transparent transparent #FF9000;border-style:solid;border-width:8px 6px}
#top-arrow:hover{background-color:#000}
.footer ul li a:hover {padding-left: 6px;}
.footer a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
.like-cm{margin-top:15px;width:10px;height:10px;background:url(http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM/wAw1Z1sgj78/s10/like.png) no-repeat}
input[type="text"],input[type="password"],input[type="search"],input[type="email"],input[type="tel"],input.input-field,textarea,select,input[type="submit"],button[type="submit"],input[type="reset"],input[type="button"]{transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none}
input[type="text"],input[type="password"],input[type="search"],input[type="email"],input[type="tel"],input.input-field,textarea{background:#FAFAFA;background:-moz-linear-gradient(top,#FAFAFA 0%,white 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FAFAFA),color-stop(100%,white));background:-webkit-linear-gradient(top,#FAFAFA 0%,white 100%);background:-o-linear-gradient(top,#FAFAFA 0%,white 100%);background:-ms-linear-gradient(top,#FAFAFA 0%,white 100%);background:linear-gradient(top,#FAFAFA 0%,white 100%);border:1px solid #D8D8D9;margin:5px 5px 5px 0;display:inline-block;-moz-box-shadow:0 1px 0 #FFF,0 1px 0 #FFF inset;box-shadow:0 1px 0 white,0 1px 0 white inset;-webkit-box-shadow:0 1px 0 white,0 1px 0 white inset;text-shadow:0 1px 0 white;padding:5px 8px 5px;color:#777;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal}
input[type="submit"],button[type="submit"],input[type="reset"]{padding:6px 10px;font-family:Arial,Helvetica,sans-serif;font-weight:normal;display:inline-block;margin:5px 5px 5px 0;cursor:pointer}
input[type="submit"],button[type="submit"]{border:none!important;outline:none}
input[type="submit"],button[type="submit"]{background-color:#FF9000}
input[type="submit"],input[type="submit"]:hover,button[type="submit"],.button:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 white,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1);-webkit-box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 white,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 #FFF,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1)}
input[type="submit"],button[type="submit"],input[type="submit"]:hover,.button:hover,.FollowByEmail .follow-by-email-inner .follow-by-email-submit{text-shadow:0 1px 0 rgba(0,0,0,0.5);color:white!important;background-image:url(http://2.bp.blogspot.com/-tFadci7TLds/URp8l1D69lI/AAAAAAAAIao/yHiPGjAalms/s1600/light-overlay.png);background-position:center -5px}